Enhance Smart Tag Manager Layout and Button/Link Styling#652
Merged
Renu-code123 merged 3 commits intoRenu-code123:mainfrom Feb 13, 2026
Merged
Enhance Smart Tag Manager Layout and Button/Link Styling#652Renu-code123 merged 3 commits intoRenu-code123:mainfrom
Renu-code123 merged 3 commits intoRenu-code123:mainfrom
Conversation
|
@Eshajha19 is attempting to deploy a commit to the Renu's projects Team on Vercel. A member of the Team first needs to authorize it. |
🎉 Thanks for the PR, @Eshajha19!We really appreciate you taking the time to contribute to ExpenseFlow! 💙 ⭐ Love this project?Please give us a star! It helps the project grow and reach more developers! 🌟 🔗 https://github.com/Renu-code123/ExpenseFlow ✅ PR ChecklistBefore we review, please ensure:
🙌 Thank You for Contributing!We truly appreciate your interest in contributing to this project.
We'll review your PR as soon as possible. Keep up the great work! ✨ |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
PR Description:
Summary:
This PR reorganizes the Smart Tag Manager dashboard for better visual hierarchy and layout while maintaining existing styles. Additionally, it centralizes button, link, and action styling for consistency and maintainability.
Changes included:
Layout improvements:
Introduced two-column content layout:
Left column: Custom Tags + Suggestion Engine
Right column: Categorization Rules + Tag Usage Chart
All cards maintain full-width alignment where needed.
Improved spacing and visual flow using flexbox (gap and flex-wrap) for responsive-friendly design.
Used semantic HTML sections (
Visual hierarchy improvements:
Corrected heading levels:
→ Page title
→ Card sections (Tags, Suggestions, Rules, Chart)
→ Metric cards
Added subtitles and placeholders to clarify content sections.
Grouped card actions and headers consistently.
Button and link organization:
Created reusable button classes:
.btn-primary → Green primary actions (hover & lift effect)
.btn-secondary → Secondary actions with translucent background
.btn-text → Inline textual buttons
.full-width → Makes any button span full card width
Links () now have consistent green color and hover effects.
Inputs and search fields styled consistently with dashboard theme.
Modal improvements:
Modal uses consistent card styling and layout.
Header with close button and properly grouped form fields.
CSS organization:
Centralized button, link, and input styles.
Layout-specific flex classes for columns and grid spacing.
Maintains existing glass-card visual theme and dark mode.
Before vs After:
Before:
All dashboard cards stacked without clear column hierarchy.
Buttons and links had inconsistent styling.
Metrics, tags, rules, and chart were visually disconnected.
After:
Clean two-column layout for main content.
Buttons and links standardized for color, hover, and spacing.
Metrics and cards visually aligned, creating clear information hierarchy.
Screenshots / GIFs (optional)
This PR #652 closes issue #642